.edit-container{
  background-color: #F5F5F5;
  .clearfix::after{
    display: block;
    content: '';
    clear: both;
  }
  .header{
    position: relative;
    height:88px;
    padding: 29px 28px 0;
    background:linear-gradient(90deg,rgba(238,132,50,1) 0%,rgba(249,30,98,1) 100%);
    box-sizing: border-box;
    .btn-back{
      float: left;
      width: 35px;
      height: 28px;
      background: url('../../../static/images2/community-back.png') no-repeat center;
      background-size: cover;
    }
    .title{
      height:34px;
      font-size:34px;
      font-family:Source Han Sans CN;
      font-weight:400;
      line-height:24px;
      text-align: center;
      color: #fff;
    }
    .commit{
      position: absolute;
      top: 19px;
      right: 0;
      width: 112px;
      height: 50px;
      font-size:26px;
      font-family:Source Han Sans CN;
      font-weight:400;
      border-radius:28px 0px 0px 28px;
      color: #F91E62;
      background-color: #fff;
      border: none;
      outline: none;
    }
  }
  .tab{
    margin-bottom: 20px;
    padding: 14px 0;
    font-size:26px;
    font-family:Source Han Sans CN;
    font-weight:400;
    line-height:60px;
    text-align: center;
    color: #222222;
    background-color: #fff;
    li{
      list-style: none;
      width: 50%;
      float: left;
      box-sizing: border-box;
      &:first-of-type{
        border-right: 1px solid #F5F5F5;
      }
      &:last-of-type{
        border-left: 1px solid #F5F5F5;
      }
      span{
        display: inline-block;
        padding: 0 55px;
        &.active{
          border-radius:55px;
          color: #fff;
          background:linear-gradient(90deg,rgba(249,30,98,1) 0%,rgba(0,8,245,1) 100%);
        }
      }
    }
  }

  .editor-container{
    padding: 0 30px;
  }
  .fun-editor{
    position: relative;
    height: calc(100vh - 250px);
    padding: 36px 30px 30px;
    border-radius:16px;
    background-color: #fff;
    overflow: hidden;
    box-sizing: border-box;
    textarea{
      width: 100%;
      min-height: 500px;
      font-size:30px;
      font-family:Source Han Sans CN;
      font-weight:400;
      line-height:60px;
      outline: none;
      border: none;
      resize: none;
    }
    .images-box{
      position: absolute;
      left: 30px;
      bottom: 100px;
      .uploader-box{
        display: inline-block;
        width: 138px;
        height: 138px;
        background: url('../../../static/images2/uploader-bg.png') center no-repeat;
        background-size: cover;
      }
      .uploader{
        width: 100%;
        height: 100%;
        outline: none;
        border: none;
        opacity: 0;
      }
      img{
        width: 138px;
        height: 138px;
        margin-left: 20px;
        vertical-align: top;
        border-radius:8px;
      }
    }
    .counter{
      position: absolute;
      right: 30px;
      bottom: 100px;
      font-size:26px;
      font-family:Source Han Sans CN;
      font-weight:400;
      line-height:60px;
      color: #B1B1B1;
    }
  }

  .resume-editor-container{
    padding: 0;
    padding-left: 30px;
    background-color: #fff;
    ul,li{
      list-style: none;
    }
    li{
      height: 88px;
      line-height:88px;
      border-bottom: 2px solid #F5F5F5;
    }
    .label{
      display: inline-block;
      width: 115px;
      font-size:28px;
      font-family:Source Han Sans CN;
      font-weight:400;
    }
    input, select{
      width: calc(100% - 145px);
      height: 100%;
      margin-left: 30px;
      font-size:28px;
      font-family:Source Han Sans CN;
      font-weight:400;
      line-height:69px;
      color: #222222;
      outline: none;
      border: none;
      background-color: #fff;
      &::-webkit-input-placeholder{
        color: #B5B5B5;
      }
    }
    select{
      margin-left: 20px;
    }
    option[disabled]{
      display: none;
    }
  }
  .select-container{
    position: relative;
    &::after{
      position: absolute;
      top: 37px;
      right: 30px;
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-top: 10px solid #F91E62;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
    }
  }
  [include*="form-input-select()"] select{
    color: #222222;
  }
  [include*="form-input-select()"] select:invalid {
    color: #B5B5B5;
  }
}